<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/views/common/taglibs.jsp"%>
<%@taglib prefix="mac" tagdir="/WEB-INF/tags" %>

<mac:layoutPopup>
    <jsp:attribute name="scripts" >
        <script type="text/javascript" src="<c:url value='/javascript/app/seguridad/usuario-dialog.js'/>"></script>
        <script type="text/javascript">
            var messages={
                sinAtenciones:'<spring:message code="calificacion.bandeja.sin.atenciones"/>',
                rangoFechas:'<spring:message code="consolidado.validacion.fechaDesde"/>'

            };
            
             var cargosDialog;
          
           function serializarForm(){
               //esta funcion serializa los inputs, se personaliza de esta forma para 
               //poder manejar la serializacion de algunos atributos particulares
               var object=$("#usuarioDTO").serializeObject();
               return object;
           }
           
           function validarForm(){
               if ($("#nombre").val().trim()==""){
                   mensajeValidacion("Debe ingresar un nombre","#nombre");
                   return false;
               }
               if ($("#apellidopaterno").val().trim()==""){
                   mensajeValidacion("Debe ingresar el Apellido paterno","#apellidopaterno");
                   return false;
               }
               if ($("#apellidomaterno").val().trim()==""){
                   mensajeValidacion("Debe ingresar el Apellido materno","#apellidomaterno");
                   return false;
               }
               if ($("#usuario").val().trim()==""){
                   mensajeValidacion("Debe ingresar el usuario","#usuario");
                   return false;
               }
               if ($("#password").val().trim()==""){
                   mensajeValidacion("Debe ingresar el password","#password");
                   return false;
               }
               
               if ($("#confPassword").val().trim()==""){
                   mensajeValidacion("Debe confirmar su password","#confPassword");
                   return false;
               }
               
               
               if ($("#telefono").val().trim()==""){
                   mensajeValidacion("Debe ingresar el telefono","#telefono");
                   return false;
               }
               if ($("#celular").val().trim()==""){
                   mensajeValidacion("Debe ingresar el celular","#celular");
                   return false;
               }
               if ($("#anexo").val().trim()==""){
                   mensajeValidacion("Debe ingresar el anexo","#anexo");
                   return false;
               }
                if ($("#email").val().trim()==""){
                   mensajeValidacion("Debe ingresar el email del usuario","#email");
                   return false;
               }
               
               if ($("#confPassword").val().trim() != $("#password").val().trim()) {
                    mensajeValidacion("El password no coincide","#confPassword"); 
                    return false;
               }
               
               return true;
           }
           
    
            $(document).ready(function() {
                               
                $('#confPassword').val($('#password').val().trim()); 
                               
                $('#btnAceptar').click(function() {
                    if(validarForm()){
                      var usuarioDTO=serializarForm();
                      console.log(usuarioDTO);
                      Tesis.loading.show();
                      $.post("grabarUsuario",usuarioDTO,function(data){
                        if (!data.error){
                            Tesis.loading.hide();
                            mensajeExito('<spring:message code="comun.registro.exitoso"/>',undefined,false,function(){
                                   parent.usuariosDialog.cancel();
                                   parent.recargarTabla();
                           });
                             
                          }
                       }); 
                   }

                });
                
                $('#btnCancelar').click(function() {
                   parent.usuariosDialog.cancel();
           
                });
                
                $('#email').blur(function(){
                    console.log($(this).val());
                    console.log($("#email").val());
                    var email=$("#email").val().trim();
                    if(!isValidEmail(email)){
                        mensajeValidacion("Error al ingresar el email","#email");    
                    }
                });
                
                $('#telefono').blur(function(){
                    var telefono=$("#telefono").val().trim();  
                    console.log(esCampoNumerico(telefono));
                     if (!esCampoNumerico(telefono)) {
                         mensajeValidacion("EL campo telefono solo acepta numeros","#telefono");  
                     }
                });
                
                $('#celular').blur(function(){
                    var celular=$("#celular").val().trim();                     
                     if (!esCampoNumerico(celular)) {
                         mensajeValidacion("EL campo celular solo acepta numeros","#celular");  
                     }
                });
                
                  
                $('#anexo').blur(function(){
                    var anexo=$("#anexo").val().trim();                     
                     if (!esCampoNumerico(anexo)) {
                         mensajeValidacion("EL campo anexo solo acepta numeros","#anexo");  
                     }
                });
                
                 $('#nombre').blur(function(){
                    var nombre=$("#nombre").val().trim();
                    console.log(esSoloLetras(nombre));
                     if (esSoloLetras(nombre)) {
                         mensajeValidacion("El campo nombre no admite numeros","#nombre");  
                     }
                });
                
                
                 $('#apellidopaterno').blur(function(){
                    var apellidopaterno=$("#apellidopaterno").val().trim(); 
                    
                     if (esSoloLetras(apellidopaterno)) {
                         mensajeValidacion("El campo Apellido paterno no admite numeros","#apellidopaterno");  
                     }
                });
                
                
                 $('#apellidomaterno').blur(function(){
                    var apellidomaterno=$("#apellidomaterno").val().trim(); 
                     if (esSoloLetras(apellidomaterno)) {
                         mensajeValidacion("El campo Apellido materno no admite numeros","#apellidomaterno");  
                     }
                 });
             });
            
        </script>
    </jsp:attribute>
    <jsp:body>
        <spring:message code="comun.todos" var="todosLabel" />
        <div class="group-panel">
            <form:form modelAttribute="usuarioDTO" method="post" action="usuario/crearUsuarios">
                <fieldset>
                    <div class="hd">Datos del Usuario</div>
                    <div class="bd">
                       
                        <table class="filtrosTable" >
                            <tr>
                                <td class="filtrosLabelWidth">
                                    Nombre
                                </td>
                                <td>
                                    <form:hidden path="idusuario"/>
                                    <form:input path="nombre" maxlength="10"/>
                                </td>
                                <td>Estado</td>
                                <td>
                                    <form:select path="esactivo" items="${lstEstados}"/>
                                        
                                </td>
                            </tr>
                             <tr>
                                <td class="filtrosLabelWidth">
                                    Apellido Paterno
                                </td>
                                <td >
                                    <form:input path="apellidopaterno"  maxlength="70" class="longInputWidth" />
                                </td>
                            </tr>
                              <tr>
                                <td class="filtrosLabelWidth">
                                    Apellido Materno
                                </td>
                                <td >
                                    <form:input path="apellidomaterno"  maxlength="70" class="longInputWidth" />
                                </td>
                            </tr>
                            <tr>
                                <td class="filtrosLabelWidth">
                                    Usuario
                                </td>
                                <td >
                                    <form:input path="usuario"  maxlength="70" class="longInputWidth" />
                                </td>
                            </tr>
                              <tr>
                                <td class="filtrosLabelWidth">
                                    Password
                                </td>
                                <td >
                                    <form:input type  = 'password' path="password"  maxlength="70" class="longInputWidth" />
                                </td>
                            </tr>
                            <tr>
                                <td class="filtrosLabelWidth">
                                    Confirmar Password
                                </td>
                                <td >
                                     <input type='password' id="confPassword" class="longInputWidth">
                                </td>
                            </tr>
                            <tr>
                                <td class="filtrosLabelWidth">
                                    Telefono
                                </td>
                                <td >
                                    <form:input path="telefono"  maxlength="70" class="longInputWidth" />
                                </td>
                            </tr>
                              <tr>
                                <td class="filtrosLabelWidth">
                                    Celular
                                </td>
                                <td >
                                    <form:input path="celular"  maxlength="70" class="longInputWidth" />
                                </td>
                            </tr>
                            <tr>
                                <td class="filtrosLabelWidth">
                                    Anexo
                                </td>
                                <td >
                                    <form:input path="anexo"  maxlength="70" class="longInputWidth" />
                                </td>
                            </tr>
                            <tr>
                                <td class="filtrosLabelWidth">
                                    Email
                                </td>
                                <td >
                                    <form:input path="email"  maxlength="70" class="longInputWidth" />
                                </td>
                            </tr>
                                  <tr>
                                <td class="filtrosLabelWidth">
                                    Cargo
                                </td>
                                <td >
                                    <form:select path="cargoDTO.idCargo" items="${lstcargoDTO}" itemLabel="nombre" itemValue = "idCargo"/>
                                </td>
                            </tr>
                        </table> 
                        <div class="filtrosButtons floatRight">
                             <button type="button" id="btnCancelar">
                                <spring:message code="comun.cancelar" />
                            </button>
                            <button type="button" id="btnAceptar" class="rojo" >
                                <spring:message code="comun.aceptar" />
                            </button>
                        </div>
                    </div>
                </fieldset>
            </form:form>
        </div>

    </jsp:body>
</mac:layoutPopup>
        
        
